<style scoped>
  .row_style{
    margin-bottom: 12px;
  }
  .order_content{
    margin-top: 30px;
  }
  .style_inline{
    display: inline-block;
  }
  .input_size{
    width:200px;
  }
</style>
<template>
  <div class="order_content">
    <div class="row_style">
      <Row>
        <Col span="12">
        <div class="input_cell ">
          订单编号:<Input class="input_size" placeholder="自动生成"></Input>*
        </div>
        </Col>
        <Col span="12"><div class="input_cell">公司名称:<Input class="input_size" placeholder="自动生成"></Input>*</div></Col>
      </Row>
    </div>
    <div class="row_style">
      <Row>
        <Col span="12"><div class="input_cell">合 同 号 :<Input class="input_size" placeholder="合同号"></Input>*</div></Col>
        <Col span="12">
        <div class="input_cell">
          提 单 人 :
          <Select class="input_size" v-model="model1">
            <Option v-for="item in capitalType" :value="item.value" :key="item.value">{{ item.label }}</Option>
          </Select>*
        </div>
        </Col>
      </Row>
    </div>
    <div class="row_style">
      <Row>
        <Col span="12">
        <div class="input_cell">
          签订情况:
          <RadioGroup v-model="disabledGroup">
            <Radio label="新签"></Radio>
            <Radio label="续签"></Radio>
          </RadioGroup>
        </div>
        </Col>
        <Col span="12">
        <div class="input_cell">
          服务类型:<Input class="input_size" v-model="companyName" placeholder="服务类型"></Input>*
        </div>
        </Col>
      </Row>
    </div>
    <div class="row_style">
      <Row>
        <Col span="12">
        <div class="input_cell">
          服务期限:
          <Select class="input_size" v-model="model_companyNature">
            <Option v-for="item in companyNature" :value="item.value" :key="item.value">{{ item.label }}</Option>
          </Select>
        </div>
        </Col>
        <Col span="12">
        <div class="input_cell">服务期限:<Input class="input_size" v-model="companyName" placeholder="公司名称"></Input>*</div>
        </Col>
      </Row>
    </div>
    <div class="row_style">
      <Row>
        <Col span="12">
        <div class="input_cell input_representative">
          标准单价:
          <Input class="input_size" v-model="companyName" placeholder="标准单价"></Input>*
        </div>
        </Col>
        <Col span="12">
          账 本 费 :
          <Input class="input_size" v-model="companyName" placeholder="账本费"></Input>*
        </Col>
      </Row>
    </div>
    <div class="row_style">
      <Row>
        <Col span="12"><div class="input_cell">折扣金额:<Input class="input_size" v-model="companyName" placeholder="折扣金额"></Input>*</div></Col>
        <Col span="12"><div class="input_cell">订单金额:<Input class="input_size" v-model="companyName" placeholder="折扣金额"></Input>*</div></Col>
      </Row>
    </div>
    <div class="row_style">
      <Row>
        <Col span="12">
          <div class="input_cell">
            合同附件:
            <Upload class='style_inline' action="//jsonplaceholder.typicode.com/posts/">
              <Button type="ghost" icon="ios-cloud-upload-outline">上传文件</Button>
            </Upload>*
          </div>
        </Col>
        <Col span="12"></Col>
      </Row>
    </div>
    <Button type="success" long style="width: 200px">下一步</Button>
  </div>
</template>
<script>
  export default {
    components: {

    },
    data(){
      return{
        tab0:true,
        tab1:false,
        tab2:true,
        companyName:'',
        disabledGroup:"新签",
        value2: ['sichuan', 'chengdu', 'gaoxin'],
        data: [{
          value: 'beijing',
          label: '北京',
          children: [
            {
              value: 'gugong',
              label: '故宫'
            },
            {
              value: 'tiantan',
              label: '天坛'
            },
            {
              value: 'wangfujing',
              label: '王府井'
            }
          ]
        }, {
          value: 'sichuan',
          label: '四川',
          children: [
            {
              value: 'chengdu',
              label: '成都',
              children: [
                {
                  value: 'gaoxin',
                  label: '高新区',
                }
              ]
            },
            {
              value: 'nanchong',
              label: '南充',
              children: [
                {
                  value: 'xihuashida',
                  label: '西华师大',
                },
                {
                  value: 'huafeng',
                  label: '华凤',
                }
              ]
            }
          ],
        }],
        capitalType: [
          {
            value: 'neizi',
            label: '内资'
          },
          {
            value: 'waizi',
            label: '外资'
          },
          {
            value: 'guoqi',
            label: '国企'
          }
        ],
        model1: '',
        companyNature: [
          {
            value: 'gongsi',
            label: '公司'
          },
          {
            value: 'geti',
            label: '个体'
          },
          {
            value: 'minbanfei',
            label: '民办非'
          }
        ],
        model_companyNature: '',
        isGudong:false
      }
    },
    methods:{

    }
  }
</script>
